<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>显示模式</title>
		<style>
			h4,p,span,del,a{
				background-color:pink;
				width:300px;
				height:200px;
				margin:auto;   /*给盒子设置水平居中*/
				text-align: center;   /*文本居中*/
			}
		</style>
	</head>
	<body>
		<!--  
		标签显示模式
		1.块元素：
		  比较霸道，单独占一行
		  默认宽度是父级元素宽度的100%
		  可以设置宽、高和对齐属性
		  块元素可以包含文本或其他行内元素和其它块元素
		2.行内元素：
		一行显示多个
		默认的宽度是内容的宽度
		宽、高和对齐属性设置无效
		行内元素只包含文本或其他行内元素，一般不要包含块元素。
	    -->
		<h4>小米su7</h4>
		<p>性能旋风....</p>
		<span>2399</span>
		<del>2499</del>
	</body>
</html>